<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/originate.css" />
	</head>
	<body>
		<header>
			<img src="img/logo.png" />
			<ul>
				<li><a href="index.html">音乐故事</a></li>
				<li><a href="originate.html">原创音乐</a></li>
				<li><a href="activity.html">活动</a></li>
				<li><a href="mall.html">商城</a></li>
				<input type="text" placeholder="梦想的声音第二季" />
				<p>登录</p><span>/注册</span>
			</ul>

		</header>
		<div class="nav1">
			<a href="#">分类</a>
			<a href="#">推荐歌单</a>
			<a href="#">发布原创音乐</a>
			<a href="#">原创众筹</a>
			<div class="hr"></div>
		</div>

		<div class="originate">
			<div class="ori">
				<ul>
					<li>
						<img src="img/ori1.png" />
						<div class="opy">
							<P>POPULAR</P>
							<span>流行</span>
						</div>
						<ul>
							<li>1. 共同度过</li>
							<li>张国荣</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<ul>
							<li>2. 红</li>
							<li>苏打绿</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<ul>
							<li>3. 怪你过分美丽</li>
							<li>萧敬腾</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<ul>
							<li>4. 从你的全世界路过</li>
							<li>邓超</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<ul>
							<li>5. 再见青春</li>
							<li>范晓萱</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<a href="#">more&gt;&gt;</a>
						<img src="img/ori-footer.png" />
					</li>

					<li>
						<img src="img/ori2.png" />
						<div class="opy">
							<P>ACIDROCK</P>
							<span>摇滚</span>
						</div>
						<ul>
							<li>1. 无能为力</li>
							<li>狮子合唱团</li>
							<li>
								<img src="img/ori-icon1.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<ul>
							<li>2. 放开我</li>
							<li>盘尼西林</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<ul>
							<li>3. 不知去向</li>
							<li>梁博</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<ul>
							<li>4. 上了膛的枪</li>
							<li>丝绒公路</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<ul>
							<li>5. 爱在路上</li>
							<li>布衣乐队</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<a href="#">more&gt;&gt;</a>
						<img src="img/ori-footer.png" />
					</li>

					<li>
						<img src="img/ori3.png" />
						<div class="opy">
							<P>BALLAD</P>
							<span>民谣</span>
						</div>
						<ul>
							<li>1. 理想</li>
							<li>赵雷</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<ul>
							<li>2. 认真的老去</li>
							<li>张希</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<ul>
							<li>3. 陌路人</li>
							<li>刘明汉</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<ul>
							<li>4. 自渡</li>
							<li>陈粒</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<ul>
							<li>5. 皆非</li>
							<li>马頔</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<a href="#">more&gt;&gt;</a>
						<img src="img/ori-footer.png" />
					</li>

					<li>
						<img src="img/ori4.png" />
						<div class="opy">
							<P>HIP HOP</P>
							<span>嘻哈</span>
						</div>
						<ul>
							<li>1. CHA CHA</li>
							<li>G2yhe</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<ul>
							<li>2. Life in color</li>
							<li>Punchnello</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<ul>
							<li>3. MM</li>
							<li>Dok2</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<ul>
							<li>4. Damnra</li>
							<li>Life2017</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<ul>
							<li>5. Still Got Luv</li>
							<li>MOBB</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<a href="#">more&gt;&gt;</a>
						<img src="img/ori-footer.png" />
					</li>

					<li>
						<img src="img/ori5.png" />
						<div class="opy">
							<P>BLUES</P>
							<span>蓝调</span>
						</div>
						<ul>
							<li>1. Jar Of Hearts</li>
							<li>CALL</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<ul>
							<li>2. Beautiful</li>
							<li>lous</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<ul>
							<li>3. Toxic</li>
							<li>ASD</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<ul>
							<li>4. Cold Klss</li>
							<li>ONE</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<ul>
							<li>5. La Vie En</li>
							<li>Ones</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<a href="#">more&gt;&gt;</a>
						<img src="img/ori-footer.png" />
					</li>

					<li>
						<img src="img/ori6.png" />
						<div class="opy">
							<P>JAZZ</P>
							<span>爵士</span>
						</div>
						<ul>
							<li>1. 秋叶</li>
							<li>Enigma</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<ul>
							<li>2. Close to you</li>
							<li>TIME</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<ul>
							<li>3. Palpitation</li>
							<li>ENYA</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<ul>
							<li>4. Aubrey</li>
							<li>H.H</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<ul>
							<li>5. Amor</li>
							<li>RAER</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<a href="#">more&gt;&gt;</a>
						<img src="img/ori-footer.png" />
					</li>

					<li>
						<img src="img/ori7.png" />
						<div class="opy">
							<P>RURAL</P>
							<span>乡村</span>
						</div>
						<ul>
							<li>1. Smoke</li>
							<li>WIZ</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<ul>
							<li>2. Berefoot</li>
							<li>Migos</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<ul>
							<li>3. Rebound</li>
							<li>Feel</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<ul>
							<li>4. I love</li>
							<li>Drake</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<ul>
							<li>5. Springsteen</li>
							<li>Yo</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<a href="#">more&gt;&gt;</a>
						<img src="img/ori-footer.png" />
					</li>

					<li>
						<img src="img/ori8.png" />
						<div class="opy">
							<P>ELECTRONICS</P>
							<span>电子</span>
						</div>
						<ul>
							<li>1. Fade</li>
							<li>French</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<ul>
							<li>2. Sun burst</li>
							<li>Nebu</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<ul>
							<li>3. Colors</li>
							<li>Big</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<ul>
							<li>4. Horizon</li>
							<li>Swan</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<ul>
							<li>5. Levels</li>
							<li>H.D</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<a href="#">more&gt;&gt;</a>
						<img src="img/ori-footer.png" />
					</li>

					<li>
						<img src="img/ori9.png" />
						<div class="opy">
							<P>CLASSICAL</P>
							<span>古典</span>
						</div>
						<ul>
							<li>1. Rigoletto</li>
							<li>LAKE</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<ul>
							<li>2. iii</li>
							<li>A.D.</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<ul>
							<li>3. Act</li>
							<li>ROOB</li>


							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<ul>
							<li>4. Merry</li>
							<li>Karunesh</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<ul>
							<li>5. Vilja Lied</li>
							<li>TT</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<a href="#">more&gt;&gt;</a>
						<img src="img/ori-footer.png" />
					</li>

					<li>
						<img src="img/ori10.png" />
						<div class="opy">
							<P>POST</P>
							<span>后摇</span>
						</div>
						<ul>
							<li>1. Untitled</li>
							<li>RONAN</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<ul>
							<li>2. Bo wsprit</li>
							<li>BILL</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<ul>
							<li>3. Truth</li>
							<li>Lesiem</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<ul>
							<li>4. Young And Old</li>
							<li>AD</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<ul>
							<li>5. September 5th</li>
							<li>GD</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<a href="#">more&gt;&gt;</a>
						<img src="img/ori-footer.png" />
					</li>

					<li>
						<img src="img/ori11.png" />
						<div class="opy">
							<P>NEWAGE</P>
							<span>新世纪</span>
						</div>
						<ul>
							<li>1. song at</li>
							<li>CIAN</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<ul>
							<li>2. Pe pillon</li>
							<li>A.L</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<ul>
							<li>3. BeL ONGI NG</li>
							<li>moon</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<ul>
							<li>4. sigma</li>
							<li>ZEN</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<ul>
							<li>5. Adagio</li>
							<li>CL</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<a href="#">more&gt;&gt;</a>
						<img src="img/ori-footer.png" />
					</li>

					<li>
						<img src="img/ori12.png" />
						<div class="opy">
							<P>METAL</P>
							<span>金属</span>
						</div>
						<ul>
							<li>1. Closerto an</li>
							<li>Sonata</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<ul>
							<li>2. Unforgivable</li>
							<li>Grave</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<ul>
							<li>3. Hammer</li>
							<li>Aqua</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<ul>
							<li>4. Dark</li>
							<li>Dynazty</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<ul>
							<li>5. EILegado</li>
							<li>Legado</li>
							<li>
								<img src="img/ori-icon3.png" />
								<img src="img/ori-icon2.png">
							</li>
						</ul>
						<a href="#">more&gt;&gt;</a>
						<img src="img/ori-footer.png" />
					</li>
				</ul>
			</div>

		</div>

		<footer>
			<ul>
				<li>
					<img src="img/logo.png" />
					<ul>
						<li><a href="#">· 关于我们</a></li>
						<li><a href="#">· 联系我们</a></li>
						<li><a href="#">· 隐私政策</a></li>
						<li><a href="#">· 网络信息</a></li>
						<li><a href="#">· 侵权通知索引</a></li>
					</ul>

				</li>
				<li>
					<a href="#">合作伙伴</a>
					<ul>
						<li>
							<img src="img/logo1.png" />
							<p>5Sing音乐</p>
						</li>
						<li>
							<img src="img/logo2.png" />
							<p>酷狗音乐</p>
						</li>
						<li>
							<img src="img/logo3.png" />
							<p>QQ音乐</p>
						</li>
						<li>
							<img src="img/logo4.png" />
							<p>虾米音乐</p>
						</li>
					</ul>

				</li>
				<li>
					<a href="#">幻听客户端</a>
					<ul>
						<li><a href="#">幻听 for IPhone</a></li>
						<li><a href="#">幻听 for Andraid</a></li>
						<li><a href="#">幻听 for windows</a></li>
						<li><a href="#">幻听 for Mac</a></li>
						<li><a href="#">幻听 for IPad</a></li>

					</ul>
				</li>
				<li>
					<a href="#">更多</a>
					<ul>
						<li><a href="#">客户服务</a></li>
						<li><a href="#">服务条款</a></li>
						<li><a href="#">意见反馈</a></li>
					</ul>
				</li>
				<li>
					<img src="img/qr1.png">
					<p><a href="#">ios/Andraid下载</a></p>
				</li>
				<li>
					<img src="img/qr2.png">
					<P><a href="#">微信公众号</a></P>
				</li>
			</ul>
			<div class="foot">
				<p>&copy;2017 Mafengow.cn京公网安备110105013401号京ICP证110310号</p>
				<p>营业执照新出网证(京)字242号全国统一客服电话:022-4662-245网站地图</p>
				<p>幻听音乐公司版权所有&copy;01997-2017天津文化有限公司</p>
			</div>

		</footer>
	</body>
</html>
